<!DOCTYPE html>
<html>

<head>
	<%- include('meta.html') %>
	<meta name="keywords" content="<%=site.keywords%>" />
	<meta name="description" content="<%=site.description%>" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/h5/css/mkui.css" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/h5/css/index.css" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/h5/css/list.css" />
	<title><%=keywords%>-<%=site.name%></title>
</head>

<body>

	<%- include('head.html') %>

	<!-- 当前位置 -->
	<section class="pd-15 f-14 c-333 position">
		<a href="/">首页</a>
		&gt; <%=keywords%>
	</section>


	<div>
		<ul class="pt-10 pb-10">
			<%list.list.forEach(item=>{%>
			<li class="flex">
				<%if(item.img){%>
				<figure class="mt-6">
					<img class="list-img" lazyload="on" src="<%=item.img%>">
				</figure>
				<%}%>
					<div class="ml-6 mr-6 flex-1">
						<h3 class="f-14 mt-8 mb-8 flex flex-between">
							<a class="c-333 ellips-1 pl-15" href="/article/<%=item.id%>">[<%=item.name%>]
				<%=item.title%>
				</a>
				</h3>
				<!-- <p class="f-12 c-999">
					<a class="ellips-2" href="/article/<%=item.id%>" target="_blank"><%=item.description%></a>
				</p> -->
	</div>
	</li>
	<%})%>
	</ul>

	<!-- page -->

	<div class="page">
		<ul class="overflow-h" id="page">
		</ul>
	</div>




	</div>
	<!-- ad -->
	<!-- <div class="mb-20 flex flex-c space-c">
		<img src="<%=ad.heci.imgUrl%>" alt="">
	</div> -->

	<%if(sports.list.length>0){%>
	<div class="border pl-10 pr-10">
		<h3 class="title w-p100 f-26">
			<a class="pos-r c-333" href="/list/<%=sports.category.id%>"><%=sports.category.name%></a>
			<span class="c-999 small ml-10 f-16">News</span>
			<a href="/list/<%=sports.category.id%>" class="more">更多</a>
		</h3>
		<ul class="aside pt-8 pb-8">
			<%sports.list.forEach(item=>{%>
			<li class="f-14 pos-r mt-10 mb-10 pl-15">
				<a class="c-333 ellips-1" href="/article/<%=item.id%>"><%=item.title%></a>
			</li>
			<%})%>
		</ul>
	</div>
	<%}%>

		<!-- 媒体合作 -->
		<div class="center">
			<%- include('mt.html') %>
	</div>



	<!-- footer -->
	<%- include('footer.html') %>

	<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
	<script src="<%=base_url%>/pc/js/search.js"></script>

	<%if(list.total>1){%>
	<script src="//code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
		crossorigin="anonymous"></script>
	<script src="<%=base_url%>/pc/js/jquery.page.js"></script>
	<script>
		var pageNo = getParams('page');
		if (pageNo <= 0) {
			pageNo = 1;
		}
		Page({
			num: parseInt('<%=list.total==0?1:list.total%>'),	//页码数
			startnum: pageNo,//指定页码
			elem: $('#page'),//指定的元素
			callback: function (n) {	//回调函数
				location.href = '/search?keywords=' + getParams('keywords') + '&page=' + n
			}
		});
	</script>
	<%}%>
	
</body>

</html>